

(($) => {
  $(function () {
    // 轮播

    // 获取轮播元素
    var $banul = $(".bann ul");
    var $lis = $banul.children("li");
    var timer = null;

    // 动态生成span
    for (let j = 0; j < $lis.length; j++) {
      $("<span></span>")
      $(".bann .static").append($("<span></span>"));
    }

    // 获取span
    var $sapns = $(".bann .static span");
    // console.log($sapns);
    // 设置第一个span默认样式
    $($sapns[0]).addClass("stat");
    // 设置居中
    var $sple = ($(".heaDer").outerWidth() - ($sapns.length * $sapns.outerWidth(true))) / 2;
    $(".bann .static").css("left", $sple);



    var i = 0;

    timer = setInterval(auto, 3000);
    // 下一张
    function auto() {
      i++;
      i = i % $lis.length;
      $($lis[i]).addClass("rati").siblings().removeClass("rati");
      $($sapns[i]).addClass("stat").siblings().removeClass("stat");
    };

    $sapns.hover(function () {
      clearInterval(timer);
      timer = null;
    }, function () {
      if (timer === null) {
        timer = setInterval(auto, 5000);
      }
    })


    // 序号轮播
    $sapns.on("click", function () {

      let ind = $(this).index();
      $($sapns[ind]).addClass("stat").siblings().removeClass("stat");
      $($lis[ind]).addClass("rati").siblings().removeClass("rati");
      i = ind;
    })




    // new部分获取距离顶部高度
    var newTop = $(".news-grids").offset().top;
    // 内容1部分获取离顶部高度
    var container = $(".conta_r1").offset().top;
    // 内容1右侧图片
    var container1 = $(".conta_r2").offset().top;
    // 获取内容2左侧部分
    var speci = $(".speci_let").offset().top;
    // 获取内容2右侧
    var speiRigTop = $(".speiRigTop").offset().top;
    // 内容中bann
    var conttr = $(".testimonials").offset().top;
    // console.log(contt);

    // 可视区高度
    var ksh = $(window).height();

    // 获取内容
    var contt = $(".news-grids").children();
    // console.log(contt);
    // 可视窗口 = 卷去高 + 可视高


    // 图片懒加载
    var imgall = $(".Main img");

    imgall.each(function (index, item) {
      let itemTop = $(item).offset().top;
      // console.log(itemTop);
      $(window).scroll(function () {
        let sctop = $(document).scrollTop();
        let cha = ksh + sctop;
        if (cha >= itemTop) {

          let imsrc = $(item).attr("_src");
          $(item).attr("src", imsrc);
        }

      })

    });


    // 动画延迟加载
    
    
    $(window).scroll(function () {


      let scrtop = $(document).scrollTop();
      let cha = ksh + scrtop;
      // console.log(cha);
      if (cha >= newTop) {
        contt.addClass("ani");

      }
      if (cha >= container) {
        $(".conta_r1").addClass("ani");
      }

      if (cha >= speci) {
        $(".speci_let").addClass("anii");
      }
      if (cha >= speiRigTop) {
        $(".speiRigTop").children().addClass("anir");
      }
      if (cha >= container1) {
        $(".conta_r2").addClass("ani");
      }
      if (cha >= conttr) {

        $(".contt").children().addClass("ani");
      }





    });




  })

})(jQuery)